// =========== NAVIGATION ELEMENTS ============ //

// -------------------------
// Navi hover and active elements
// -------------------------
@activeColor:  					@white;
@activeBackground: 				@grayDark;

// -------------------------
// Dropdowns
// -------------------------
@dropdownBackground:            @white;
@dropdownBorder:                rgba(0,0,0,.2);
@dropdownDividerTop:            #e5e5e5;
@dropdownDividerBottom:         @white;

@dropdownLinkColor:             @grayDark;
@dropdownLinkColorHover:        @white;
@dropdownLinkColorActive:       @yellow;

@dropdownLinkBackgroundActive:  @gray;
@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;

// -------------------------
// Horizontal List-Menu //
// -------------------------
@horMenulistBackground: darken(@grayDarker,15%);
@horMenulistLinkColor: @white;
@horMenulistColorHover: @grayDarker;


// -------------------------
// Tabs
// -------------------------
@tabsBackground: @grayDark;
@tabsOpenBackground: @gray;
@tabsLinkColor: @silver;
@tabsBorder: @grayLight;
// Typography
// -------------------------

// -------------------------
// Common Nav
// -------------------------

@navBackground: @unobtrusiveColor;
@navBackgroundHightlight: @blue;
@navParentBackgroundHightlight: @gray;
@navLinkColorHover:            @red;
@navLinkBackgroundHover:       @white; 
@navLinkColor:            @linkColor;
@navLinkColorActive:           @red;
@navBorder: @baseContrastInvertColor;

// Top Nav
@topNavFontsize: 		@baseFontSize * 1.4;
@topNavLinkColor: 		@gold;
@topNavLinkColorHover: @linkColor;
@topNavTabsBorderColor: @grayLight;
@topNavActiveBackground: @activeBackground;
@topNavActiveColor: @activeColor;


// Vertical Nav
// -------------------------

@verticalNavBackground: @unobtrusiveColor;
@verticalNavBackgroundHightlight: @blue;
@verticalNavParentBackgroundHightlight: @gray;
@verticalNavLinkColorHover:            @unobtrusiveColor;
@verticalNavLinkColor:            @linkColor;
@verticalNavLinkColorActive:           @baseContrastInvertColor;
@verticalNavBorder: @baseContrastInvertColor;

// -------------------------
// Navbar
// -------------------------
@navbarCollapseWidth:             979px;
@navbarCollapseDesktopWidth:      @navbarCollapseWidth + 1;

@navbarHeight:                    40px;
@navbarBackgroundHighlight:      @baseContrastColor;
@navbarBackground:                @black;
@navbarBorder:                    darken(@navbarBackground, 2%);

@navbarText:                      @baseContrastColor;
@navbarLinkColor:                 @baseContrastColor;
@navbarLinkColorHover:            @black;
@navbarLinkColorActive:           @baseContrastInvertColor;
@navbarLinkBackgroundHover:       transparent;
@navbarLinkBackgroundActive:      darken(@navbarBackground, 5%);

@navbarBrandColor:                @navbarLinkColor;

// Inverted navbar
@navbarInverseBackground:                darken(@baseContrastInvertColor,15%);
@navbarInverseBackgroundHighlight:       @baseContrastInvertColor;
@navbarInverseBorder:                    darken(@navbarInverseBackground, 2%);

@navbarInverseText:                      @unobtrusiveColor;
@navbarInverseLinkColor:                 @unobtrusiveColor;
@navbarInverseLinkColorHover:            @black;
@navbarInverseLinkColorActive:           @navbarInverseLinkColorHover;
@navbarInverseLinkBackgroundHover:       darken(@baseContrastInvertColor,25%);
@navbarInverseLinkBackgroundActive:      @navbarInverseBackground;

@navbarInverseSearchBackground:          lighten(@navbarInverseBackground, 25%);
@navbarInverseSearchBackgroundFocus:     @white;
@navbarInverseSearchBorder:              @navbarInverseBackground;
@navbarInverseSearchPlaceholderColor:    #ccc;

@navbarInverseBrandColor:                @navbarInverseLinkColor;

// -------------------------
//Ein Breadcrumb - Pfad - wo bin ich 
// -------------------------
@breadCrumbBackground:  @gray;
@breadCrumbColor:  @white;

// Pagination
// -------------------------
@paginationBackground:                #fff;
@paginationBorder:                    #ddd;
@paginationActiveBackground:          #f5f5f5;

